<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
    <meta name="format-detection" content="telephone=no" />
    <title>成都融微软件服务有限公司</title>
    <!-- <link rel="stylesheet" href="css/bootstrap.min.css" /> -->
    <link rel="stylesheet" href="css/animate.min.css" />
    <link rel="stylesheet" href="//at.alicdn.com/t/font_1031196_66s8datjlfd.css" />
    <link rel="stylesheet" href="js/layui/css/layui.css" />
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/headleft.css">
    <link rel="stylesheet" href="css/index.css">
    <script src="js/jquery-1.11.3.js"></script>
    <script src="js/echarts.min.js"></script>
</head>

<body>
    <!-- 头部 -->
    <div class="daohang bgff">
        <script>$(".daohang").load("header.html");</script>
    </div>
    <!-- 中间内容-->
    <div class="substance">
        <div class="substance_lf">
            <!-- 左边栏目 -->
            <script>$(".substance_lf").load("left.html");</script>
        </div>
        <div class="substance_rt huibg">
            <!-- 右边的内容 -->
            <!-- 导航 -->
            <div class="rt_tit">
                <a href="#" class="fnt_14">运营中心</a> / <a href="#" class="fnt_14">发布项目</a>
            </div>
            <div class="bgff pad15 mb20">
                <div class="ping_pd">
                    <h4 class="ping_tit">
                        项目信息
                    </h4>
                </div>
                <div class="text_cont">
                    <p class="fnt_16 col_999"> <em>项目编号：</em> 这是一条标题内容 <br>
                        <em> 项目名称：</em> 这是一条标题内容<br>
                        <em> 实施内容：</em>
                        这是一条编写摘要内容这是一条编写摘要内容这是一条编写摘要内容这是一条编写摘要内容这是一条编写摘要内容这是一条编写摘要内容这是一条这是一条编写摘要内容这是一条编写摘要内容这是一条编写摘要内容
                        编写摘要内容这编写摘要内容这是一条编写摘要内容这是一条编写</p>

                </div>
            </div>
            <div class=" ">
                <div class="erba">
                    <div class="er bgff pad15">
                        <div class="ping_pd">
                            <h4 class="ping_tit">
                                任务列表
                            </h4>
                        </div>
                        <table class="layui-table">
                            <thead>
                                <tr>
                                    <th class="gwc_box"><b id="all_btn"></b> 行号 </th>
                                    <th> 类别 </th>
                                    <th> 任务名称 </th>                                           
                                    <th> 任务状态 </th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td class="go_fukuan gwc_box"><b class="active_btn active"></b> 1</td>
                                    <td>约稿</td>                              
                                    <td> 推荐式影评征稿 </td>
                                    <td><span class="col_lv"> 审核中</span> </td>
                                </tr>
                                <tr>
                                    <td class="go_fukuan gwc_box"><b class="active_btn active"></b> 1</td>
                                    <td>约稿</td>                              
                                    <td> 推荐式影评征稿 </td>
                                    <td><span class="col_lv"> 审核中</span> </td>
                                </tr>
                                <tr>
                                    <td class="go_fukuan gwc_box"><b class="active_btn active"></b> 1</td>
                                    <td>约稿</td>                              
                                    <td> 推荐式影评征稿 </td>
                                    <td><span class="col_lv"> 审核中</span> </td>
                                </tr>
                                <tr>
                                    <td class="go_fukuan gwc_box"><b class="active_btn active"></b> 1</td>
                                    <td>约稿</td>                              
                                    <td> 推荐式影评征稿 </td>
                                    <td><span class="col_lv"> 审核中</span> </td>
                                </tr>
                                <tr>
                                    <td class="go_fukuan gwc_box"><b class="active_btn active"></b> 1</td>
                                    <td>约稿</td>                              
                                    <td> 推荐式影评征稿 </td>
                                    <td><span class="col_lv"> 审核中</span> </td>
                                </tr>
                            </tbody>
                            <tfoot>
                                <tr>
                                    <td colspan="22">
                                        <div class="tDiv">
                                         
                                            <div class="list-page">
                                                <input type="hidden" id="pageurl" value="c=index">
                                                <!-- $Id: page.lbi 14216 2008-03-10 02:27:21Z testyang $ -->
                                                <div id="turn-page">
                                                    <span class="page page_1">总计 <em id="totalRecords">425</em>个记录</span>
                                                    <span class="page page_2">分为<em id="totalPages">29</em>页</span>
                                                    <!--<span>页当前第<em id="pageCurrent">1</em></span>-->
                                                    <span class="page page_3">
                                                        <i>每页</i>
                                                        <input type="text" size="3" id="pageSize" value="15">
                                                    </span>
                                                    <span id="page-link">
                                                        <a href="?c=index&amp;page=1" class="first" title="第一页"></a>
                                                        <a href="?c=index&amp;page=1" class="prev" title="上一页"></a>
                                                        <select id="gotoPage">
                                                            <option value="1" selected="">1</option>
                                                            <option value="2">2</option>
                                                            <option value="3">3</option>
                                                            <option value="4">4</option>
                                                            <option value="5">5</option>
                                                            <option value="6">6</option>
                                                            <option value="7">7</option>
                                                            <option value="8">8</option>
                                                            <option value="9">9</option>
                                                            <option value="10">10</option>
                                                            <option value="11">11</option>
                                                            <option value="12">12</option>
                                                            <option value="13">13</option>
                                                            <option value="14">14</option>
                                                            <option value="15">15</option>
                                                            <option value="16">16</option>
                                                            <option value="17">17</option>
                                                            <option value="18">18</option>
                                                            <option value="19">19</option>
                                                            <option value="20">20</option>
                                                            <option value="21">21</option>
                                                            <option value="22">22</option>
                                                            <option value="23">23</option>
                                                            <option value="24">24</option>
                                                            <option value="25">25</option>
                                                            <option value="26">26</option>
                                                            <option value="27">27</option>
                                                            <option value="28">28</option>
                                                            <option value="29">29</option>
                                                        </select>
                                                        <a href="?c=index&amp;page=2" class="next" title="下一页"></a>
                                                        <a href="?c=index&amp;page=29" class="last" title="最末页"></a>
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                            </tfoot>
                        </table>
                    </div>
                    <div class="ba bgff">
                        <div class=" ">
                            <h1 class="index_tit col_lan fnt_16 mb20"> <i class="iconfont icon-icon-1"></i> 任务列表</h1>
                        </div>
                        <div class="task">
                            <form action="">
                                <div class="xinzhang_list">
                                    <div class="xinzhang_item">
                                        <div class="xinzeng_list">
                                            <ul>
                                                <li>
                                                    <span class="fnt_14"> <em class="col_red">*</em>任务类型：</span>
                                                    <p> 
                                                        <input type="radio"  disabled="true" checked value="vi">&nbsp; 约稿 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                                        <input type="radio"  disabled="true" value="vi">&nbsp; 设计方案
                                                    </p>
                                                </li>
                                                <li>
                                                    <span class="fnt_14"> <em class="col_red">*</em>添加标签：</span>
                                                    <p> <textarea name="" class="layui-textarea" value='1.写稿前请务必认真观摩影片，认真撰写，需带有相关剧情介绍。
                                                        阐述恳请短小精悍，鞭辟入里，分析角度需独到新颖。
                                                        2.相关稿件恳请配上对应影片的截图，剧照，GIF等，丰富稿件内
                                                        容（相关图片须清晰且无水印）。
                                                        3.稿件需完全原创，购买后稿件可供我方添加原创标识'></textarea> </p>
                                                </li>
                                                
                                                <li>
                                                    <span class="fnt_14"> <em class="col_red">*</em> 约稿时间：</span>
                                                    <p> <input type="text" class="layui-input" disabled="true" value="2020-09-11"> </p>
                                                </li>
                                                <li>
                                                    <span class="fnt_14"> <em class="col_red">*</em> 交稿时限：</span>
                                                    <p> <input type="text" class="layui-input" disabled="true" value="2020-09-20"> </p>
                                                </li>
                                                
                                                <li>
                                                    <span class="fnt_14"> <em class="col_red">*</em> 样稿示例：</span>
                                                   <p> <a href="#">  ppt.word </a> </p>
                                                </li>
                                                
                                                <li></li>
                                                <li>
                                                    <span class="fnt_14"> </span>
                                                    <p>
                                                        <button type="button" class="layui-btn layui-btn-primary">审核通过</button>
                                                        <button type="button" class="layui-btn layui-btn-primary yous">优化任务</button>
                                                       </p>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="xinzhang_item">
                                        <div class="xinzeng_list">
                                            <ul>
                                                <li>
                                                    <span class="fnt_14"> <em class="col_red">*</em>字数要求：</span>
                                                    <p> <input type="text" class="layui-input" disabled="true" value="字数根据影片不同，控制在1500-2000字左右。"> </p>
                                                </li>
                                                <li>
                                                    <span class="fnt_14"> <em class="col_red">*</em>报送人：</span>
                                                    <p> <input type="text" class="layui-input" disabled="true" value="张三"> </p>
                                                </li>
                                                <li>
                                                    <span class="fnt_14"> <em class="col_red">*</em>添加标签：</span>
                                                    <p> <input type="text" class="layui-input" disabled="true" value="电影影视 | 动作影视"> </p>
                                                </li>
                                                <li>
                                                    <span class="fnt_14"> <em class="col_red">*</em>最大推送数：</span>
                                                    <p> <input type="text" class="layui-input" disabled="true" value="1"> </p>
                                                </li>
                                                <li>
                                                    <span class="fnt_14"> <em class="col_red">*</em> 推送积分：</span>
                                                    <p> <input type="text" class="layui-input" disabled="true" value="200"> </p>
                                                </li>
                                                <li>
                                                    <span class="fnt_14"> <em class="col_red">*</em> 采用数：</span>
                                                    <p> <input type="text" class="layui-input" disabled="true" value="200"> </p>
                                                </li>
                                                <li>
                                                    <span class="fnt_14"> <em class="col_red">*</em> 采用积分：</span>
                                                    <p> <input type="text" class="layui-input" disabled="true" value="200"> </p>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                              
                            </form>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 尾部 -->
            <div class="foot huibg">
                <script>$(".foot").load("foot.html");</script>
            </div>
        </div>

    </div>
    </div>
    <!-- 弹出框 -->
    <div class="tailoring-container you">
        <div class=" tailoring-contents">
            <div class="rw_ti">
                <div class="close-tailoring" onclick="closeTailor(this)">×</div>
                <div class="rw_ti_lf">
                    <i class="iconfont icon-xianshi_tishitianchong"></i>
                </div>
                <div class="rw_ti_rt">
                    <h4 class="fnt_18 col_000 bld">优化任务</h4>
                    <p class="fnt_14 col_333">失败原因：</p>
                        <p>
                            <textarea name="" id="" cols="30" rows="10" class="layui-textarea"></textarea>
                        </p>
                        <a href="#" class="active"> 确定 </a>
                        <a href="javascript:;" onclick="closeTailor(this)"> 取消 </a>
                </div>
            </div>
        </div>
    </div>
    <script src="js/layui/layui.all.js"></script>
    <script>

         (window.onresize = function () {
            var win_height = $(window).height();
            var win_width = $(window).width();
            if (win_width <= 768) {
                $(".tailoring-contents").css({
                    "top": (win_height - $(".tailoring-contents").outerHeight()) / 2,
                    "left": 0
                });
            } else {
                $(".tailoring-contents").css({
                    "top": (win_height - $(".tailoring-contents").outerHeight()) / 2,
                    "left": (win_width - $(".tailoring-contents").outerWidth()) / 2
                });
            }
        })();
         //弹出框
         $(".yous").on("click", function () {
            $(".you").toggle();
        });
        //关闭弹出框
        function closeTailor() {
            $(".you").hide();
        }
       
        layui.use('laydate', function () {
            var laydate = layui.laydate;
            laydate.render({
                elem: '#test16'
                , range: true
            });
        })
        function ifanychecked() {
            var num = $('b.active_true').length;
            if (num > 0) {
                return true;
            }
        }
        //全选
        $('#all_btn').click(function () {
            if ($('#all_btn').html() != '') {
                $('#all_btn').html('');
                $('.gwc_box b.active_btn').html('').removeClass('active_true');
                return false;
            }
            $(this).html('<img src="images/gwc_bg.png"/>');
            $('.gwc_box b.active_btn').html('<img src="images/gwc_bg.png"/>').addClass('active_true');
        });

        //单选
        $('b.active_btn').click(function () {
            if ($(this).html() != '') {
                $(this).html("").removeClass('active_true');
                $('#all_btn').html('');
                return true;
            }
            $(this).html('<img src="images/gwc_bg.png"/>').addClass('active_true');
            if (ifall()) {
                $('#all_btn').html('<img src="images/gwc_bg.png"/>');
            }
        });

        //点击单选，全选判断
        function ifall() {
            var num1 = $('b.active_btn').length;
            var num2 = $('b.active_true').length;
            if (num1 == num2) {
                return true;
            }
        }
    </script>
</body>
</html>